<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="shortcut icon" href="http://cdn2.jianshu.io/assets/apple-touch-icons/57-47624b2e2161e8eb144462c85db0a5ff.png"/>
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<!--page1-4 的css样式-->
		<link rel="stylesheet" type="text/css" href="css/common-page1-4.css"/>
		<!--page5之后的css样式-->
		<link rel="stylesheet" type="text/css" href="css/page5-9.css"/>
	</head>

	<body>
		<!--fixed footer-->
		<footer class="footer">
			<img hang="" src="img/slide.png"/>
			<img hang="" src="img/music.png"/>
		</footer>
		<div class="swiper-container swiper-container-v">
			<div class="swiper-wrapper">
				<!--第一页-->
				<div class="swiper-slide page-one">
					<div class="drem">
						<img hang="" src="img/pageone/re.png"/>
						<img hang="" src="img/pageone/qq.png"/>
						<img hang="" src="img/pageone/rr.png"/>
						<img hang="" src="img/pageone/hh.png"/>
						<img hang="" src="img/pageone/gg.png"/>
						<img hang="" src="img/pageone/ccc.png"/>
						<img hang="" src="img/pageone/yy.png"/>
						<img hang="" src="img/pageone/dd.png"/>
						<img hang="" src="img/pageone/pd.png"/>
						<img hang="" src="img/pageone/pr.png"/>
						<img hang="" src="img/pageone/dda.png"/>
						<img hang="" src="img/pageone/pe.png"/>
						<img hang="" src="img/pageone/pm.png"/>
						<img hang="" src="img/pageone/maker.png"/>
					</div>
					<div class="maker">
						<img hang="" src="img/pageone/Cddd.png"/>
						<img hang="" src="img/pageone/Cd.png"/>
						<img hang="" src="img/pageone/Cdd.png"/>
				</div>
					<img hang="" src="img/pageone/l2.png"/>
					<img hang="" src="img/pageone/l1.png"/>
					<img hang="" src="img/pageone/l3.png"/>
				</div>
				<!--第二页-->
				<div class="swiper-slide page-two">
					<img hang="" src="img/pagetwo/abc4.gif"/>
					<img hang="" src="img/pagetwo/ww.png"/>
					<img hang="" src="img/pagetwo/www.png"/>
				</div>
				<!--第三页-->
				<div class="swiper-slide page-three">
					<img hang="" src="img/pagethree/group1.png"/>
					<img hang="" src="img/pagethree/group2.png"/>
					<img hang="" src="img/pagethree/group3.png"/>
					<img hang="" src="img/pagethree/group4.png"/>
					<img hang="" src="img/pagethree/group5.png"/>
					<img hang="" src="img/pagethree/img1.png"/>
					<img hang="" src="img/pagethree/img2.png"/>
					<img hang="" src="img/pagethree/img3.png"/>
				</div>
				<!--第四页-->
				<div class="swiper-slide page-four">
					<div id="bg">
						<img class="x" src="img/pagefour/x.png"/>
						<div class="content">
							<div class="title">
								<p>他们</p>
								<p>已改变世界</p>
							</div>
							<img hang="" src="img/pagefour/CCline.png"/>
							<img hang="" src="img/pagefour/pointlight.png"/>
							<img hang="" src="img/pagefour/circle-2.png"/>
							<ul class="person">
								<li><img hang="" src="img/pagefour/liuyong.png"/></li>
								<li><img hang="" src="img/pagefour/shenxiaohui.png"/></li>
								<li><img hang="" src="img/pagefour/aluo.png"/></li>
								<li><img hang="" src="img/pagefour/wqg.png"/></li>
								<li><img hang="" src="img/pagefour/wxf.png"/></li>
								<li><img hang="" src="img/pagefour/madong.png"/></li>
								<li><img hang="" src="img/pagefour/wangzhuang.png"/></li>
								<li><img hang="" src="img/pagefour/gy2.png"/></li>
							</ul>
						</div>
						<!--第四页水平滚动 swiper-->
						<div class="swiper-container swiper-container-h">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/niuins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/slhins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/anuoins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/wqigins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/wxfins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/madongins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/wzins.png"/>
								</div>
								<div class="swiper-slide">
									<img hang="" src="img/pagefour/gongyanins.png"/>
								</div>
							</div>
							<!--向前 向后 导航-->
							<div class="swiper-button-next"></div>
       						<div class="swiper-button-prev"></div>
						</div>
					</div>
				</div>
				<!--第五页-->
				<div class="swiper-slide page-five">
					<ul>
						<li><img src="img/pagefive/1.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/2.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/3.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/4.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/5.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/6.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/7.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/8.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/9.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
						<li><img src="img/pagefive/10.jpg" alt="" hang="" /><img src="img/pagefive/gyg.png" alt="" hang="" /><img hang="" src="img/pagefive/glass.jpg"/></li>
					</ul>
					<img class="tamen" hang="" src="img/pagefive/tamen.png"/>
					<img class="tap" hang="" src="img/pagefive/tap.png"/>
					<div class="personIntro">
						<img hang="" src="img/pagefive/fx.png"/>
						<img hang="" src="img/pagefive/06.jpg"/>
						<h2>马月</h2>
						<p>他说他是时尚和娱乐圈里最懂互联网的人</p>
						<p>星云网CEO</p>
					</div>
				</div>
				<!--第六页-->
				<div class="swiper-slide">Vertical Slide 6</div>
				<!--第七页-->
				<div class="swiper-slide">Vertical Slide 7</div>
				<!--第八页-->
				<div class="swiper-slide">Vertical Slide 8</div>
				<!--第九页-->
				<div class="swiper-slide">Vertical Slide 9</div>
			</div>
		</div>
		
		<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>